* {
	margin: 0;
	padding: 0;
}

/* body{
	position:relative;
} */
header {
	/* width: 1901px; */
	height: 80px;
	background-color: black;
	display: flex;
	justify-content: center;
	display: none;
	z-index: 999;
	/* position:absolute; */
	/* transition无法对一个从有到无的元素产生过渡效果。 */
	transition: all 1s;
}

header #header-con {
	width: 1349px;
	height: 80px;
	/* background-color: aliceblue; */
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header #header-con img {
	width: 145px;
	height: 40px;
}

header #header-con ul li {
	height: 80px;
	line-height: 80px;
	list-style: none;
	float: left;
	color: white;
	margin-left: 32px;
	margin-right: 10px;
}

/* 香水的导航 */
header #header-con ul .wash {
	width: 32px;
}

header #header-con ul .wash #wash-con {
	width: 600px;
	height: 300px;
	background-color: white;
	color: #000000;
	display: none;
	font-weight: normal;
}

header #header-con ul .wash #wash-con ul {
	width: 139px;
	height: 250px;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
}

header #header-con ul .wash #wash-con ul li {
	line-height: 40px;
}

header #header-con ul .wash #wash-con dd {
	line-height: 40px;
}

header #header-con ul .wash #wash-con h3 {
	color: #000000;
}

header #header-con ul .wash #wash-con .wash-line {
	height: 40px;
	color: gray;
	/* margin-top: 15px; */

}

header #header-con ul .wash #wash-con dl {
	width: 300px;
	height: 250px;
	text-align: center;
	border-left: 1px solid gray;
	float: left;
	margin-top: 20px;
}

header #header-con ul .wash #wash-con dt {
	width: 200px;
	height: 150px;
	margin-left: 69px;
}

header #header-con ul .wash #wash-con dt img {
	width: 200px;
	height: 150px;
	display: block;
}

header #header-con ul .wash #wash-con dl h3 {
	height: 30px;
	margin-left: 10px;
}

header #header-con ul .wash #wash-con dl dd {
	height: 30px;
	color: gray;
}

header #header-con ul .wash:hover #wash-con {
	display: block;
}

header #header-con ul .wash #wash-con li:hover {
	border-bottom: 1px solid gray;
}


header #header-con ul .nav:hover {
	cursor: pointer;
	font-weight: bold;
}

header #header-con ul li span {
	width: 27px;
	height: 15px;
	background-color: red;
	border-radius: 30% 0 30% 0;
	position: absolute;
	top: 28px;

}

header #header-con ul li b {
	font-weight: normal;
	position: absolute;
	top: -4px;
	font-size: 14px;
}

header #header-con #last {
	width: 131px;
	height: 80px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

header #header-con #last span {
	/* span字体图标库 */
	color: white;
	font-size: 25px;
	display: block;
	position: relative;
}




/* 上面部分 */
#one {
	height: 150px;
	background-color: #000000;
}

#top {
	width: 1349px;
	height: 150px;
	margin: 0 auto;
	/* position: absolute; */
	background-color: black;
}

.first {
	width: 145px;
	height: 35px;
	transform: translateX(580px);
	margin-top: 50px;
}

#top-bottom {
	width: 1199px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	/* position: absolute;
	top: 44px;
	left: 74px; */
}

/* 香水的导航 */
#top-bottom ul .wash {
	width: 32px;
}

#top-bottom ul .wash #wash-con {
	width: 600px;
	height: 300px;
	background-color: white;
	color: #000000;
	display: none;
}

#top-bottom ul .wash #wash-con ul {
	width: 139px;
	height: 250px;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
}

#top-bottom ul .wash #wash-con h3 {
	color: #000000;
}

#top-bottom ul .wash #wash-con .wash-line {
	color: gray;
	margin-top: 15px;

}

#top-bottom ul .wash #wash-con dl {
	width: 300px;
	height: 250px;
	text-align: center;
	border-left: 1px solid gray;
	float: left;
	margin-top: 20px;
}

#top-bottom ul .wash #wash-con dt img {
	width: 200px;
	height: 150px;
}

#top-bottom ul .wash #wash-con dl dd {
	color: gray;
}

#top-bottom ul .wash:hover #wash-con {
	display: block;
}

#top-bottom ul .wash #wash-con li:hover {
	border-bottom: 1px solid gray;
}


#top-bottom ul li {
	height: 25px;
	list-style: none;
	float: left;
	color: white;
	margin-left: 40px;
	position: relative;
	/* margin-right: 10px; */
}

#top-bottom ul li:hover {
	cursor: pointer;
	font-weight: bold;
}

#top-bottom ul li span {
	width: 27px;
	height: 15px;
	background-color: red;
	border-radius: 30% 0 30% 0;
	position: absolute;
	top: 0;
	font-size: 14px;
}

#top-bottom #last {
	width: 131px;
	height: 80px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#top-bottom #last span {
	/* span字体图标库 */
	color: white;
	font-size: 25px;

}



/* ---------------------------------- */
#loupe{
	width: 1105px;
	height: 710px;
	/* background-color: pink; */
	margin: 100px auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	
}
.loupe-left{
	width: 561px;
	height: 663px;
	/* background-color: ghostwhite; */
}

/* 小图片比大窗口的比例：smallbox宽高 ：大图片的size的宽高
   要等于
   小窗口比大图片  mask的宽高 : 大图片的宽高
 */
.smallbox{
	width: 561px;
	height: 561px;
	/* background-color: papayawhip; */
	/* background-image: url(../imgs/detail-0.jpg); */
	background-size: 561px 561px;
}
.mask{
	width: 200px;
	height: 200px;
	background-color: skyblue;
	opacity: 0.5;
	position: absolute;
}
.bigbox{
	width: 400px;
	height: 400px;
	/* background-color: gold; */
	position: absolute;
	top: 50px;
	left: 600px;
	/* background-image: url(../imgs/detail-0.jpg); */
	background-size: 1122px 1122px;
	background-repeat: no-repeat;
	display: none;
}

.bombox{
	width: 561px;
	height: 85px;
	/* background-color: paleturquoise; */
	margin-top: 30px;
	display: flex;
	box-sizing: border-box;
	padding: 0 150px;
	align-items: center;
	}
.bombox .blockall{
	width: 85px;
	height: 81px;
	/* background-image: url(../imgs/11.jpg); */
	background-size: 85px 85px;
	margin-right: 2px;
	border: 2px solid black;
}
.bombox .blockall img{
	width: 85px;
	height: 81px;
}


/* 放大镜右边样式 */
.loupe-right{
	width: 433px;
	height: 438px;
	/* background-color: gold; */
	border-bottom: 1px solid gray;
}
.loupe-right .ename{
	width: 433px;
	height: 24px;
	margin-bottom: 10px;
	/* background-color: plum; */
}
.loupe-right .cname{
	width: 433px;
	height: 31px;
	margin-bottom: 26px;
	/* background-color:greenyellow; */
	font-weight: normal;
}

#money{
	width: 433px;
	height: 30px;
	margin-bottom: 15px;
	font-size: 25px;
	/* background-color: papayawhip; */
}
#money .cost{
	display: inline-block;
}
#money .price{
	display: inline;
}

.loupe-right .counts{
	width: 432px;
	height: 42px;
}



#purchase{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 433px;
	height: 40px;
	margin-top: 30px;
	/* background-color: #55A532; */
}
#add{
	width: 120px;
	height: 40px;
	display: flex;
}
#add button{
	width: 40px;
	height: 40px;
	font-size: 20px;
}
#add .num{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
#jifen{
	width: 433px;
	height: 40px;
	margin-top: 10px;
}
#btn{
	width: 433px;
	height: 48px;
	display: flex;
	justify-content: space-between;
	margin-top:30px;
}
#btn button{
	width: 208px;
	height: 48px;
	background-color: black;
	color: white;
}

/* -------产品详情 */
#info{
	height: 80px;
	border-top: 1px solid gray;
}
#infocon{
	width: 1349px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	justify-content:space-evenly;
	line-height: 80px;
}
#infocon a{
	color: black;
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
}
#infocon a:hover{
	border-bottom: 2px solid deeppink;
	color: deeppink;
}

#production{
	/* height: 800px; */
}
#procon{
	width: 1349px;
	/* height: 800px; */
	margin: 0 auto;
	text-align: center;
	/* border: 1px solid black; */
	overflow: hidden;
}
.fontsize{
	width: 1349px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}
#procon img{
	margin: 0 auto;
	display: block;
}
#buygift{
	/* height: 500px; */
}
#buycon{
	width: 1349px;
	height: 500px;
	margin: 0 auto;
	/* border: 1px solid black; */
}
#buycon p{
	font-size: 30px;
	text-align: center;
	font-family: "arial, helvetica, sans-serif";
}